/* Layout */
	body { background:#f6fcff url("../images/bg.jpg") 0 0 repeat-x; }
		#container { width:960px; margin:0 auto; position:relative; }
			#header { position:relative; z-index:995; min-height:155px; }
				#logo { margin-left:-20px;  }
				#strapline { position:absolute; top:30px; left:165px; }
				#login { position:absolute; top:0px; right:50px; width:200px; background:url("../images/bg-login-form.png") bottom center no-repeat; padding:10px; z-index:999 }
					#smart-washing-icon { float:left; margin-right:5px; }
					#login form { display:none; }
			
			#content { margin: 10px 0 15px 0; position:relative; z-index:990 }
				#content.home { z-index:996; }
				
				#content-aboutUs-Outter{background:url(../images/about-us-bg.png) no-repeat top left; width:960px; height:401px;}
					#content-aboutUs-Inner{padding:30px 320px 0 30px}
				#content-top { background-image:url("../images/content-top-range-alt4.png"); height:51px;  }
				.noSwoosh #content-top{ background:url("../images/content-top.png") 0 0 no-repeat; height:29px; position:relative;  }
				.noSwoosh h1{font-style:normal; text-transform:none;}
				
				#content-middle { background:url("../images/content-middle.png") 0 0 repeat-y; min-height:250px; padding:0 30px; position:relative; }
				
					#range-copy { float:left; padding-left:290px; margin-bottom:10px; }
						
						#how-to-use { clear:both; background-image:url("../images/how-to-use-target.gif"); background-position: 0 10px; background-repeat:no-repeat; padding:25px 0 20px 90px; margin-top:30px; border-top:1px solid #eee; }
						.range-alt #how-to-use {background-image:url("../images/how-to-use-target_blue.gif")}
						
						.range-alt2 #how-to-use {background-image:url("../images/how-to-use-target.gif"); }
						.range-alt3 #how-to-use  {background-image:url("../images/how-to-use-target_red.gif") }
						.range-alt3 #how-to-use  { }
						
							#how-to-use-more { display:none; padding-top:10px; }
							/*#how-to-use-more div { float:left; width:42%; }
							#how-to-use-more div.first { margin-right:8%; }*/
					#range-extra { float:left; margin-left:-910px; position:relative; }
				#range-extra .stockists{position:absolute;}
				
					#stockistsList { display:none; }
				#facebox #stockistsList { display:block; }
				
				
				#stockistsList{display:none}
				#content-bottom { background:url("../images/content-bottom.png") 0 0 no-repeat; height:24px; }
				
					.decoration-alt { float:left; margin:0 15px 5px 0; }
					
					.about #decoration { width:330px; height:397px; position:absolute; top:-27px; right:3px; z-index:999; background:url("../images/decoration-about.jpg") top right no-repeat; }
					.about #content-middle { padding-right:330px; min-height:361px; }
					.about #content-bottom { margin-top:-11px; }
					
					
					
					.range #content-top { background-image:url("../images/content-top-range.png"); height:51px; }
					.range-alt #content-top { background-image:url("../images/content-top-range-alt.png"); height:51px; }
					.range-alt1 #content-top {background-image:url("../images/content-top-range-alt2.png");height:51px;  }
					.range-alt2 #content-top {background-image:url("../images/content-top-range.png"); height:51px; }
					.range-alt3 #content-top {background-image:url("../images/content-top-range-alt3.png"); height:51px; }
				
					.range #content-middle,
					.range-alt #content-middle, 
					.range-alt2 #content-middle, 
					.range-alt3 #content-middle { padding-top:15px; }
				
				#promos { margin-top:12px; }
					.promo { float:left; height:81px; background:url("../images/bg-50pc-advert-small.png") 0 0 no-repeat; }
					#promo-01 { margin-right:15px; padding:15px 130px 15px 15px; width:327px; }
					#promo-02 { padding:15px 100px 15px 30px; width:342px; }
					#promo-03 { padding:15px 15px 15px 30px; width:427px; }
					.promo img { float:left; margin-right:30px; }
					
				#home-top { margin-bottom:8px; }
					#home-advert { background:url("../images/home-box-advert.jpg") 0 0 no-repeat; float:left; padding:10px 15px; height:250px; width:285px; margin-right:8px; }
						#home-advert div { padding-top:180px; padding-left:70px; }
					#home-products { background:url("../images/home-box-products.jpg") 0 0 no-repeat; float:left; padding:10px 15px; height:250px; width:605px; }
						#home-products div { padding:45px 100px 0 180px; }
						#home-products div p { padding-right:120px; }
					
				#home-bottom {}
					.home-box-generic { background:url("../images/home-box-generic.gif") 0 0 no-repeat; float:left; padding:15px; width:285px; height:235px; margin-right:7px; }
					#home-how {background:url("../images/home-how-it-works.jpg") 0 0 no-repeat; float:left; padding:10px 15px; height:250px; width:285px; margin-right:8px; text-align:center }
						#home-how div { padding-top:180px; padding-left:70px;
					}
					
						/*#home-how img { margin:0 30px; }
						#home-how .button { margin-left:70px; }*/
					#home-smart-washing {}
						#home-smart-washing img {}
						#home-smart-washing .button { margin-left:90px; }
					#home-club { margin-right:0; }
						#home-club p { margin:0; }
						#home-club div { background:url("../images/club-girls.jpg") top center no-repeat; padding:105px 40px 0 40px; }
						#home-club div a { float:left; margin:0 13px; }
						
				#about-top {}
					#about-about { background:url("../images/about-box-5050.gif") 0 0 no-repeat; float:left; padding:10px 15px; height:265px; width:442px; margin-right:8px; position:relative; }
						#about-about div { text-align:center; padding: 40px 30px 0 30px; }
						#about-about p { margin-bottom:3em; }
						#about-about .button { position:absolute; bottom:20px; left:172px; }
					#about-advert { background:url("../images/about-box-advert-5050.jpg") 0 0 no-repeat; float:left; padding:10px 15px; height:265px; width:442px; position:relative; }
						#about-advert .button { position:absolute; bottom:20px; left:173px; }
					
				#tv-advert, #demonstrationHolder { display:none; }
				
				#facebox #tv-advert ,#facebox #demonstrationHolder { display:block; }
			#footer { margin-bottom:20px; padding:0 3px; position:relative; }
				#twitter { position:absolute; top:0; right:10px; }
				#facebook{ position:absolute; top:0; right:105px; }
				#sheet { position:absolute; top:8px; right:125px; }
				#share { margin-left:10px; }
					#share h4, #share img { float:left; }
					#share h4 { margin-right:10px;}

		
/* Typography */
body { font:67%/1.6 Arial, Verdana, sans-serif; color:#0a4567; }
	#content { font-size:1.1em; }
		.range { color:#dc291e; }
			#range-extra, #how-to-use { color:#0a4567; }
		#home-products { color:#dc291e; }
		.home-box-generic { text-align:center; }
	#footer {  }
	
	p { margin:0 0 1em 0; }
		.promo p { margin-bottom:0.5em; font-size:0.9em; color:#0a4567; }
		#how-to-use p { margin:0; }
		#home-products p { margin-bottom:2em; }
		
		.available { padding-left:10px; font-weight:bold; }
		.available span { background:url("../images/available-sheet.gif") center center no-repeat; padding:7px 10px; color:#fff; text-align:center; }
		.range-alt .available span, 
		.range-alt2 .available span { background-image:url("../images/available-sheet-alt.gif") }

	sup { font-size:0.9em; vertical-align:top; }
	
	
	ul, ol { margin:0 0 1em 1.5em; }
	
		#content-middle ul { list-style-type:disc; }
		#site-links { margin:15px 0 0 0; padding:0 10px; background:url("../images/bg-footer.gif") 0 0 no-repeat; color:#fff; }
			#site-links li { float:left; margin-right:10px; padding:3px 4px; }
			#site-links #copyright { float:right; }

		.tick { list-style-image:url("../images/list-tick.gif"); }

		.range-alt1 .tick { list-style-image:url("../images/list-tick-red.gif"); }
		.range-alt3 .tick { list-style-image:url("../images/list-tick-red.gif"); }
		.range-alt2 .tick { list-style-image:url("../images/list-tick-blue.gif"); }
	h1 { color:#0a4567; font-size:2em; text-transform:uppercase; font-style:italic; letter-spacing:-0.05em; line-height:1.2; }
	#content-top h1{color:#fff; font-size:1.5em;padding:6px 0 0 10px;}
	#content-aboutUs-Inner h1{margin-bottom:10px;}
		.range h1 { text-transform:none; color:#dc291e; }
		.range-alt h1 { text-transform:none; color:#26b6e6 }
		.range-alt2 h1 { text-transform:none; color:#d81307 }
		.range-alt3 h1 { text-transform:none; color:#d81307 }
		
	
	h2 { color:#0a4567; font-size:1.4em; line-height:1.2; margin-bottom:1em; }
		#how-to-use h2 { margin:0; }
		.range h2 { color:#dc291e; }
		#home-top h2,
		#about-top h2 { color:#fff; text-transform:uppercase; font-style:italic; font-size:1.2em; }
		.range-alt h2 { text-transform:none; color:#26b6e6}
		.range-alt2 h2 { text-transform:none; color:#d81307}
		.range-alt3 h2 { text-transform:none; color:#d81307}
		
		.range-alt2 #range-copy p, .range-alt2 #range-copy li { text-transform:none; color:#d81307}
		.range-alt3 #range-copy p, .range-alt3 #range-copy li  { text-transform:none; color:#d81307}
		#range-copy h1{font-style:normal;}
		#range-copy h1 sup{font-size:12px;}
		

	h3 { color:#0a4567; font-size:1.3em; font-style:italic; letter-spacing:-0.05em; text-transform:uppercase; }
		#login h3 { color:#e31c18; line-height:1; margin:0; text-transform:none; font-style:normal; letter-spacing:0; }
		.promo h3 { line-height:1.1; margin:0; }
		#home-products h3 { text-transform:none; font-size:1.7em; color:#dc291e; font-style:normal; }
		#about-about h3 { text-transform:none; }
		
		#how-to-use-more h3{text-transform:none; font-style:normal;}
	h4 { color:#d20219; font-size:1em; }
		#login h4 { color:#900514; line-height:1.3; margin:0; }
		#home-club h4 { font-size:1.2em; color:#0a4567; line-height:1.3; margin:0; }

	

/* Navigation */		
#navigation { background:url("../images/bg-navigation.png") top right no-repeat; margin:-97px 0 0 0; padding:3px 0 3px 167px; text-transform:uppercase; font-size:1.2em; height:35px; }
	#navigation li { float:left; text-align:center; padding:7px 0 11px 0; }
		#nav-01 { width:293px; }
		#nav-02 { width:193px; }
		#nav-03 { width:290px; }
		
		#navigation .selected { background:url("../images/main-navigation-selected.gif") 0 0 no-repeat; }
		#navigation #nav-02.selected { padding-bottom:8px; }
		#navigation #nav-03.selected { padding-bottom:8px; }

#sub-navigation { background:url("../images/bg-navigation-sub.gif") 0 0 no-repeat; height:26px; margin:0 0 0 164px; padding:6px 0 0 15px; }
	#sub-navigation li { float:left; margin-right:20px; }
#sub-navigation li a{font-weight:normal}
#sub-navigation li.selected a{font-weight:bold}
#range-select { height:140px; background:url("../images/bg-range-select.jpg") top center no-repeat; margin:-25px 0 -2px 0; padding:20px 200px 0; position:relative; }
	#range-select li { float:left; padding:5px 6px 0 4px; }
	#range-select li.selected { background:url("../images/bg-range-selected.gif") top center no-repeat; }
	.range-alt #range-select li.selected { background:url("../images/bg-range-selected-alt.gif") top center no-repeat; }
	.range-alt1 #range-select li.selected { background:url("../images/bg-range-selected-alt2.gif") top center no-repeat; }
	.range-alt2 #range-select li.selected { background:url("../images/bg-range-selected.gif") top center no-repeat; }

	
	
	
/* Forms */
form { margin:20px 0; }
	#login form { margin:0; }
	#login form div { margin:5px 0 0 0; }
	
.text, textarea { border:1px inset #484848; padding:3px; width:200px; font-family: Arial, Verdana, sans-serif; color:#000000; }
	textarea.text { font-family:Arial, Verdana, sans-serif; font-size:1em; width:320px; height:120px; }
	.shortvalue { width:90px; }
	#login .text { width:192px; }
	#login #login-password { width:150px; }
	.text:focus { -moz-box-shadow:0 0 7px #d20219; -webkit-box-shadow:0 0 7px #d20219; box-shadow:0 0 7px #d20219; }
	
select.text { width:auto; }
select.text option { padding:0 1em 0 0; }

label { float:left; width:130px; font-weight:bold; padding-top:7px; }
fieldset label { display:inline; width:auto; padding-left:10px; }
	
	.required { background:#ffe7e7; }
	
	

.contSer form div{ margin:0 0 10px 0;}
.contSer form input,.contSer form select{width:441px; border:1px solid #bfbfbf;color:#0A4567;}
textarea{width:441px; border:1px solid #bfbfbf;color:#0A4567;}
.contSer form .smallput,.contSer form select{ float:left; width:217px;}
.contSer form label{ float:left; width:88px;color:#1a5171; font-size:12px;}
.contSer form .submitSer{ width:70px; background:url(../images/illus_yellowarrow.gif) no-repeat right;  border:none; color:#FFFFFF; padding:0 10px 0 0; cursor:pointer;}
				.Sercon .contSer form .btnwho{ margin:auto; width:87px;}
				.Sercon .contSer form .small{ overflow:hidden; width:315px;}
/* 
.button { background:url("../images/bg-button.gif"); border:0; color:#fff; font-weight:bold; font-size:0.9em; padding:4px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.follow-on span { background:url("../images/follow-on.gif") 97% center no-repeat; padding:0 20px 0 10px; }
.follow-on:hover { text-decoration:none; }
*/

.button { height:22px; font-weight:bold; font-size:0.9em; margin:0 auto; display:block; line-height:1; }
	.l { float:left; width:5px; height:22px; display:block; background:url("../images/btn-left.gif") left center no-repeat; }
	.r { float:left; height:16px; padding:6px 25px 0 8px; background:url("../images/btn-right.gif") right center no-repeat; }

	#about-advert .l, #home-advert .l { background-image:url("../images/btn-left-alt.gif"); }
	#about-advert .r, #home-advert .r { background-image:url("../images/btn-right-alt.gif"); }
	
.submit { cursor: pointer; text-transform:uppercase; }
	#login form .submit { float:right; }
		
	
/*  Links  */	
a			{ color:#0a4567; font-weight:bold; text-decoration:none; }
a:visited	{ color:#0a4567; }
a:hover		{ color:#0a4567; text-decoration:underline; }
a:active	{ color:#0a4567; text-decoration:none; }

#navigation a			{ color:#fff; font-weight:normal;}
#navigation a:visited	{ color:#fff; }
#navigation a:hover		{ color:#fff; }
#navigation a:active	{ color:#fff; }

#navigation .selected a			{ color:#c52026; font-weight:bold; }
#navigation .selected a:visited	{ color:#c52026; }
#navigation .selected a:hover	{ color:#c52026; }
#navigation .selected a:active	{ color:#c52026; }

#sub-navigation a			{ color:#c52026;}
#sub-navigation a:visited	{ color:#c52026; }
#sub-navigation a:hover		{ color:#c52026; }
#sub-navigation a:active	{ color:#c52026; }

#sub-navigation .selected a			{ color:#fff; text-shadow:0 1px 1px #d69517; }
#sub-navigation .selected a:visited	{ color:#fff; }
#sub-navigation .selected a:hover	{ color:#fff; }
#sub-navigation .selected a:active	{ color:#fff; }

#site-links a			{ color:#fff; font-weight:normal;}
#site-links a:visited	{ color:#fff; }
#site-links a:hover		{ color:#fff; }
#site-links a:active	{ color:#fff; }

a.button			{ color:#fff; font-weight:normal;}
a.button:visited	{ color:#fff; }
a.button:hover		{ color:#fff; }
a.button:active		{ color:#fff; }

#login a			{ color:#e31c18; font-weight:normal;}
#login a:visited	{ color:#e31c18; }
#login a:hover		{ color:#900514; }
#login a:active		{ color:#e31c18; }


#login-toggle { background-position:right center; background-repeat:no-repeat; display:block; }
#login-toggle:hover { text-decoration:none; }
	.off { background-image:url("../images/arrow-down.gif"); }
	.on { background-image:url("../images/arrow-up.gif"); }

#how-toggle { background-position:right center; background-repeat:no-repeat; padding-right:20px; }
	
a:focus { -moz-outline: none; }


	
/* new clearfix */
.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */


/* Safari HACKS */
::root #id { }



/* root element for accordion. decorated with rounded borders and gradient background image */
.accordionMain {
	background:#fff;
	width: 602px;
	margin:0 auto;
	border:0;	
	-background:#666;
	color:#1A526D;

}
/* accordion header */
.accordionMain h2 {
	margin:15px 0 0 0;
	padding:0;
	font-size:14px;
	font-weight:normal;
	border:0p;
	color:#fff;
	cursor:pointer;
	background:url("../images/btn-right-long.gif") no-repeat scroll right -24px transparent;
}
.accordionMain h2.current {
	background-position:right 0;
}

.accordionMain h2 span.l {
	background:url("../images/btn-left-long.gif") no-repeat scroll left center transparent;
	display:block;
	float:left;
	height:22px;
	width:5px;
}

.accordionMain h2 span.r {
background-image:none;
	display:block;
	float:left;
	margin:-1px 0 0 0px


}


/* currently active header */
.accordionMain h2.current {
	cursor:default;
}

/* accordion pane */
.accordionMain .pane {
	border-left:0px solid #e4e4e4;
	border-right:0px solid #e4e4e4;
	background:url(../images/bgd_lastpanel.gif) bottom center no-repeat;
	display:none;
 	/*height:180px;*/
	padding:15px;
	color:#0A4567;
	font-size:12px;
}

/* a title inside pane */


/* NESTED root element for accordion. decorated with rounded borders and gradient background image */
.accordionNest {
	background:#fff;
	/*width: 300px;*/
	border:0px solid #333;	
	-background:#666;
}

/* accordion header */
.accordionNest h3 {
background:url("../images/accordion-H2-spanOff_bg.gif") no-repeat scroll right top #FFFFFF;
color:#1A526D;
cursor:pointer;
font-size:1.1em;
font-style:normal;
font-weight:normal;
letter-spacing:0;
line-height:1.2em;
padding:10px 20px 5px 0;
text-decoration:underline;

}

/* currently active header */
.accordionNest h3.current {
	cursor:default;
	background:url(../images/accordion-H2-spanCurrent_bg.gif) right #fff no-repeat;
	font-weight:bold;
	text-decoration:none;
	
}

/* accordion paneNest */
.accordionNest .paneNest {
	display:none;
 	/*height:180px;*/

	color:#1A526D;

}

/* a title inside paneNest */
.accordionNest .paneNest h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

.video_player{padding:15px 0 0 60px}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
